<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default  {
  name:  'App'
}
</script>
<style>
html,body {
    min-width: 100%;
    min-height: 100%;
}

.el-button--primary {
    background: rgb(255, 106, 0)!important;
    border-color: rgb(255, 106, 0)!important;

}
.el-button--primary:hover {
    background: rgb(255, 106, 0)!important;
    border-color: rgb(255, 106, 0)!important;
    color: #FFF;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: rgb(255, 106, 0)!important;
    color: #FFF;
}

.el-tabs__item.is-active {
    color: rgb(255, 106, 0)!important;
}
.el-tabs__active-bar {
    background-color: rgb(255, 106, 0)!important;
}

.el-input.is-active .el-input__inner, .el-input__inner:focus {
    border-color:  rgb(255, 106, 0)!important;
    outline: 0;
}
.el-menu-item.is-active {
    color: rgb(255, 106, 0)!important;
}

.el-select-dropdown__item.selected {
    color: rgb(255, 106, 0)!important;
    font-weight: 700;
}

.el-tabs__item:hover {
    color: rgb(255, 106, 0)!important;
    cursor: pointer!important;
}


.el-button:focus, .el-button:hover {
    color: #fff!important;
    border-color: rgb(255, 106, 0)!important;
    background-color: rgb(255, 106, 0)!important;
}

</style>
